<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="author" content="HYL">
    <title>小米商城</title>
    <link rel="stylesheet" type="" href="./font-awesome/css/font-awesome.css">
    <link rel="stylesheet" type="" href="xiaomi.css">

    <style>

    </style>
</head>

<body>
    <nav>
        <div class="container">
            <ul class="nav-ul-left">
                <li><a href="#">小米商城</a> <span>|</span></li>
                <li><a href="#">MIUI</a><span>|</span></li>
                <li><a href="#">米聊</a><span>|</span></li>
                <li><a href="#">游戏</a><span>|</span></li>
                <li><a href="#">多看阅读</a><span>|</span></li>
                <li><a href="#">云服务</a><span>|</span></li>
                <li><a href="#">金融</a><span>|</span></li>
                <li><a href="#">小米商城手机版</a><span>|</span></li>
                <li><a href="#">问题反馈</a><span>|</span></li>
                <li><a href="#">Select Region</a></li>
            </ul>
            <div class="nav-right">
                <a href="#">
                    <i></i>购物车(0)
                </a>
                <div class="nav-right-fugai">

                </div>
                <div class="nav-right-div">
                    购物车中还没有商品，赶紧选购吧！
                </div>
            </div>
            <ul class="nav-ul-right">
                <li><a href="#">登录</a><span>|</span></li>
                <li><a href="#">注册</a><span>|</span></li>
                <li style="padding:0 10px;"><a href="#">消息通知</a></li>
            </ul>
        </div>
    </nav>
    <main class="main">
        <div class="container">
            <div class="main-div-1">
                <a href="#"></a>
            </div>
            <div class="main-div-2">
                <ul>
                    <li class="kong">
                         <div class="hxlb">
                            <ul>
                                <li><a href="#">手机 电话卡<i class="fa fa-angle-right" aria-hidden="true"></i></a>
                                    <div class="hxlb-div">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>

                                        </ul>
                                    </div>
                                </li>
                                <li><a href="#">笔记本 平板<i class="fa fa-angle-right" aria-hidden="true"></i></a>
                                    <div class="hxlb-div hxlb-div-2">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>

                                        </ul>
                                    </div>
                                </li>
                                <li><a href="#">电视 盒子<i class="fa fa-angle-right" aria-hidden="true"></i></a>
                                    <div class="hxlb-div hxlb-div-3">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>

                                        </ul>
                                    </div>
                                </li>
                                <li><a href="#">路由器 智能硬件<i class="fa fa-angle-right" aria-hidden="true"></i></a>
                                    <div class="hxlb-div hxlb-div-4">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>

                                        </ul>
                                    </div>
                                </li>
                                <li><a href="#">移动电源 电池 插线板<i class="fa fa-angle-right" aria-hidden="true"></i></a>
                                    <div class="hxlb-div hxlb-div-5">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>

                                        </ul>
                                    </div>
                                </li>
                                <li><a href="#">耳机 音响<i class="fa fa-angle-right" aria-hidden="true"></i></a>
                                    <div class="hxlb-div hxlb-div-6">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <a href="#"><span class="hxlb-div-span-2">选购</span></a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>

                                        </ul>
                                    </div>
                                </li>
                                <li><a href="#">保护套 贴膜<i class="fa fa-angle-right" aria-hidden="true"></i></a>
                                    <div class="hxlb-div hxlb-div-7">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>

                                        </ul>
                                    </div>
                                </li>
                                <li><a href="#">线材 支架 储存卡<i class="fa fa-angle-right" aria-hidden="true"></i></a>
                                    <div class="hxlb-div hxlb-div-8">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>

                                        </ul>
                                    </div>
                                </li>
                                <li><a href="#">箱包 服饰 鞋 眼睛<i class="fa fa-angle-right" aria-hidden="true"></i></a>
                                    <div class="hxlb-div hxlb-div-9">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>

                                        </ul>
                                    </div>
                                </li>
                                <li><a href="#">米兔 生活周边<i class="fa fa-angle-right" aria-hidden="true"></i></a>
                                    <div class="hxlb-div hxlb-div-10">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>
                                            <li>
                                                <a href="#">
                                                <img src="img/xiaotu.png" alt="">
                                                <span class="hxlb-div-span-1">小米6</span>
                                                </a>
                                                <!-- <a href="#"><span class="hxlb-div-span-2">选购</span></a> -->
                                            </li>

                                        </ul>
                                    </div>
                                </li>
                            </ul>
                        </div> 
                    </li>
                    <li>
                        <span>小米手机</span>
                    </li>
                    <li>
                        <span>红米</span>
                    </li>
                    <li>
                        <span>平板·笔记本</span>
                    </li>
                    <li>
                        <span>电视</span>
                    </li>
                    <li>
                        <span>盒子·影音</span>
                    </li>
                    <li>
                        <span>路由器</span>
                    </li>
                    <li>
                        <span>智能硬件</span>
                    </li>
                    <li>
                        <span>服务</span>
                    </li>
                    <li>
                        <span>社区</span>
                    </li>
                </ul>
            </div>
            <div class="item-child">
                <div class="container">
                    <ul>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/a1.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/a2.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/a3.jpg" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/a4.jpg" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/a5.jpg" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img" style="border-right: 1px solid white">
                                <img src="img/a6.jpg" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/b1.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/b2.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/b3.jpg" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/b4.jpg" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>

                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img" style="border-right: 1px solid white">
                                <img src="img/b5.jpg" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                    </ul>
                    <ul>

                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/c1.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/c2.jpg" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img" style="border-right: 1px solid white">
                                <img src="img/c3.jpg" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/d1.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/d2.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/d3.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/d4.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/d5.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img" style="border-right: 1px solid white">
                                <img src="img/d6.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/e1.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/e2.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/e3.jpg" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img" style="border-right: 1px solid white">
                                <img src="img/e4.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/f1.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/f2.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/f3.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/f4.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/f5.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img" style="border-right: 1px solid white">
                                <img src="img/f6.jpg" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/g1.jpg" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/g2.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/g3.png" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/g4.jpg" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img">
                                <img src="img/g5.jpg" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                        <li>
                            <div class="item-child-top">
                                <span>现货</span>
                            </div>
                            <div class="item-child-img" style="border-right: 1px solid white">
                                <img src="img/g6.jpg" alt="">
                            </div>
                            <div class="ltem-child-a">
                                <a href="#">小米6</a>
                            </div>
                            <p>2499元起</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="main-div-3">
                <form>
                    <input type="text" name="" value=""><input type="submit" name="" value="">
                    <a class="form-span1">电视4A 55"</a><a class="form-span2">小米Note 2 特惠</a>
                    <i class="fa fa-search" aria-hidden="true"></i>
                </form>
            </div>
        </div>
    </main>
    <main class="main2">
        <div class="container">
            <div class="main2-lbt">
                <ul class="img-list">
                    <li class="current"><a href="#"><img src="img/lbt1.jpg" alt=""></a></li>
                    <li><a href="#"><img src="img/lbt2.jpg" alt=""></a></li>
                    <li><a href="#"><img src="img/lbt3.jpg" alt=""></a></li>
                    <li><a href="#"><img src="img/lbt4.jpg" alt=""></a></li>
                    <li><a href="#"><img src="img/lbt5.jpg" alt=""></a></li>
                    <li><a href="#"><img src="img/lbt6.jpg" alt=""></a></li>
                </ul>
                <ul class="indicator">
                    <li class="active"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <div class="img-click">
                    <span class="prev"></span>
                    <span class="next"></span>
                </div>
            </div>
        </div>
    </main>
    <main class="main3">
        <div class="container">
            <div class="main3-div">
                <div class="main3-div-left">
                    <ul>
                        <li>
                            <a href="#">
                                <i class="fa fa-mobile" aria-hidden="true"></i>
                                <p>选购手机</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa fa-mobile" aria-hidden="true"></i>
                                <p>选购手机</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa fa-mobile" aria-hidden="true"></i>
                                <p>选购手机</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa fa-mobile" aria-hidden="true"></i>
                                <p>选购手机</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa fa-mobile" aria-hidden="true"></i>
                                <p>选购手机</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa fa-mobile" aria-hidden="true"></i>
                                <p>选购手机</p>
                            </a>
                        </li>
                    </ul>
                </div>
                <img src="img/main3-1.jpg" alt="">
                <img src="img/main3-2.jpg" alt="">
                <img src="img/main3-3.jpg" alt="">

            </div>
        </div>
    </main>
    <main class="main4">
        <div class="container">
            <h2>小米明星单品</h2>
            <div class="main4-span">
                <span class="main4-span1 ">&lt;</span>
                <span class="main4-span2 main4-span-color">&gt;</span>
            </div>
            <div class="main4-box">
                <div class="main4-box-div">
                    <ul>
                        <li style="border-top: 1px solid #ffac13;">
                            <a href="#">
                            <img src="img/main4-1.png">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                        <li style="border-top: 1px solid #83c44e;">
                            <a href="#">
                            <img src="img/main4-2.png">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                        <li style="border-top: 1px solid #2196f3;">
                            <a href="#">
                            <img src="img/main4-3.png">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                        <li style="border-top: 1px solid #e53935;">
                            <a href="#">
                            <img src="img/main4-4.png">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                        <li style="border-top: 1px solid #00c0a5;">
                            <a href="#">
                            <img src="img/main4-5.png">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                    </ul>
                    <ul>
                        <li style="border-top: 1px solid #ffac13;">
                            <a href="#">
                            <img src="img/main4-6.png">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                        <li style="border-top: 1px solid #83c44e;">
                            <a href="#">
                            <img src="img/main4-7.png">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                        <li style="border-top: 1px solid #2196f3;">
                            <a href="#">
                            <img src="img/main4-8.jpg">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                        <li style="border-top: 1px solid #e53935;">
                            <a href="#">
                            <img src="img/main4-9.png">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                        <li style="border-top: 1px solid #00c0a5;">
                            <a href="#">
                            <img src="img/main4-10.png">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </main>
    <section class="section">
        <div class="container">
            <div class="jiadian">
                <h2>家电</h2>
                <div class="jiadian-top jiadian1">
                    <ul>
                        <li class="home"><a href="#">热门</a></li>
                        <li><a href="#">电视影音</a></li>
                        <li><a href="#">电脑</a></li>
                        <li><a href="#">家居</a></li>
                    </ul>
                </div>
                <div class="jiadian-left">
                    <img src="img/jiadian-1.jpg" alt="">
                </div>
                <div class="jiadian-right jiadian2">
                    <ul class="home-list">
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-2.png" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-2.png" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-2.png" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-2.png" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-2.png" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-2.png" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-2.png" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                    <ul>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                    <ul>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                    <ul>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/jiadian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="jiadian">
                <h2>智能</h2>
                <div class="jiadian-top zhineng1">
                    <ul>
                        <li class="home"><a href="#">热门</a></li>
                        <li><a href="#">电视影音</a></li>
                        <li><a href="#">电脑</a></li>
                        <li><a href="#">家居</a></li>
                    </ul>
                </div>
                <div class="jiadian-left zhineng-left">
                    <ul>
                        <li>
                            <img style="width:234px; height:300px;" src="img/zhineng-1.jpg" alt="">
                        </li>
                        <li>
                            <img style="width:234px; height:300px;margin-top:14px;" src="img/zhineng-2.jpg" alt="">
                        </li>
                    </ul>
                </div>
                <div class="jiadian-right zhineng2">
                    <ul class="home-list">
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                    <ul>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                    <ul>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                    <ul>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhineng-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="jiadian">
                <h2>搭配</h2>
                <div class="jiadian-top dapei1">
                    <ul>
                        <li class="home"><a href="#">热门</a></li>
                        <li><a href="#">电视影音</a></li>
                        <li><a href="#">电脑</a></li>
                        <li><a href="#">家居</a></li>
                    </ul>
                </div>
                <div class="jiadian-left zhineng-left">
                    <ul>
                        <li>
                            <img style="width:234px; height:300px;" src="img/dapei-1.jpg" alt="">
                        </li>
                        <li>
                            <img style="width:234px; height:300px;margin-top:14px;" src="img/dapei-2.jpg" alt="">
                        </li>
                    </ul>
                </div>
                <div class="jiadian-right dapei2">
                    <ul class="home-list">
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                    <ul>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                    <ul>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                    <ul>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/dapei-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="jiadian">
                <h2>配件</h2>
                <div class="jiadian-top peijian1">
                    <ul>
                        <li class="home"><a href="#">热门</a></li>
                        <li><a href="#">电视影音</a></li>
                        <li><a href="#">电脑</a></li>
                        <li><a href="#">家居</a></li>
                    </ul>
                </div>
                <div class="jiadian-left zhineng-left">
                    <ul>
                        <li>
                            <img style="width:234px; height:300px;" src="img/peijian-1.jpg" alt="">
                        </li>
                        <li>
                            <img style="width:234px; height:300px;margin-top:14px;" src="img/peijian-2.jpg" alt="">
                        </li>
                    </ul>
                </div>
                <div class="jiadian-right peijian2">
                    <ul class="home-list">
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-3.png" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-3.png" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-3.png" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-3.png" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-3.png" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-3.png" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-3.png" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                    <ul>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                    <ul>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                    <ul>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/peijian-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="jiadian">
                <h2>周边</h2>
                <div class="jiadian-top zhoubian1">
                    <ul>
                        <li class="home"><a href="#">热门</a></li>
                        <li><a href="#">电视影音</a></li>
                        <li><a href="#">电脑</a></li>
                        <li><a href="#">家居</a></li>
                    </ul>
                </div>
                <div class="jiadian-left zhineng-left">
                    <ul>
                        <li>
                            <img style="width:234px; height:300px;" src="img/zhoubian-1.jpg" alt="">
                        </li>
                        <li>
                            <img style="width:234px; height:300px;margin-top:14px;" src="img/zhoubian-2.jpg" alt="">
                        </li>
                    </ul>
                </div>
                <div class="jiadian-right zhoubian2">
                    <ul class="home-list">
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-3.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                    <ul>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-4.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                    <ul>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-5.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                    <ul>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <div class="pingjia">
                                <a href="#">
                                    <p style="font-size:14px; color:white">比较大，喜欢小米怎么看怎么好</p>
                                    <p style="font-size:12px;margin-top:10px; color:#ccc">来自于 白杨love小河 的评价</p>
                                </a>
                            </div>
                            <a href="#">
                                <div class="jiadian-li">
                                    <img style="width:150px;height:150px;margin-top:30px" src="img/zhoubian-6.jpg" alt="">
                                    <p><a href="#">小米电视4A 49英寸</a></p>
                                    <p style="color:#ccc">8月23日小米电视品牌节，立减40...</p>
                                    <p style="color:#ff7600;margin-top:10px;">2599元</p>
                                </div>
                            </a>
                        </li>
                        <li class="last-li">
                            <a href="#">
                                <div class="jiadian-small">
                                    <p><a href="#">小白摄像机</a></p>
                                    <p style="color:#ff7600;">399元</p>
                                    <img src="img/jiadian-small.jpg" alt="">

                                </div>
                                <div class="jiadian-small">
                                    <p style="font-size:20px">浏览更多</p>
                                    <p>热门</p>
                                    <!-- <a href="#">热门<br><small>更多</small></a> -->
                                    <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>

                                </div>
                            </a>
                        </li>
                        <div class="clear"></div>


                    </ul>
                </div>
            </div>
        </div>
    </section>
    <main class="main5">
        <div class="container">
            <h2>为你推荐</h2>
            <div class="main5-span">
                <span class="main5-span1 ">&lt;</span><span class="main5-span2 main5-span-color">&gt;</span>
            </div>
            <div class="main5-box">
                <div class="main5-box-div">
                    <ul>
                        <li>
                            <a href="#">
                            <img src="img/main4-1.png">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                            <img src="img/main4-2.png">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                            <img src="img/main4-3.png">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                            <img src="img/main4-4.png">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                            <img src="img/main4-5.png">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <a href="#">
                            <img src="img/main4-6.png">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                            <img src="img/main4-7.png">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                            <img src="img/main4-8.jpg">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                            <img src="img/main4-9.png">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                            <img src="img/main4-10.png">
                            <a href="#">小米5X</a>
                            <p style="color:#aaa;font-size:12px;">光学变焦双摄，拍人更美</p>
                            <p style="color:#ff7600;">1499元</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </main>
    <main class="main6">
        <div class="container">
            <h2>热评产品</h2>
            <ul>
                <li>
                    <img src="img/main6-1.jpg" alt="">
                    <p class="shuoming">
                        <a href="#">
                            有了它，妈妈再也不用担心我喝不到健康的水了。呵呵，良心产品，平民价格，对现在的水质起到了很好的改善
                        </a>
                    </p>
                    <p style="color:#ddd; font-size:12px;margin-bottom:10px">来自于 爱疯911 的评价</p>
                    <div class="main6-div">
                        <p><a href="#">小米净水器</a><span style="color:#ddd; padding: 0 10px">|</span><span style="color:#ff7600">888元</span></p>
                    </div>
                </li>
                <li>
                    <img src="img/main6-2.jpg" alt="">
                    <p class="shuoming">
                        <a href="#">
                            有了它，妈妈再也不用担心我喝不到健康的水了。呵呵，良心产品，平民价格，对现在的水质起到了很好的改善
                        </a>
                    </p>
                    <p style="color:#ddd; font-size:12px;margin-bottom:10px">来自于 爱疯911 的评价</p>
                    <div class="main6-div">
                        <p><a href="#">小米净水器</a><span style="color:#ddd; padding: 0 10px">|</span><span style="color:#ff7600">888元</span></p>
                    </div>
                </li>
                <li>
                    <img src="img/main6-3.jpg" alt="">
                    <p class="shuoming">
                        <a href="#">
                            有了它，妈妈再也不用担心我喝不到健康的水了。呵呵，良心产品，平民价格，对现在的水质起到了很好的改善
                        </a>
                    </p>
                    <p style="color:#ddd; font-size:12px;margin-bottom:10px">来自于 爱疯911 的评价</p>
                    <div class="main6-div">
                        <p><a href="#">小米净水器</a><span style="color:#ddd; padding: 0 10px">|</span><span style="color:#ff7600">888元</span></p>
                    </div>
                </li>
                <li>
                    <img src="img/main6-4.jpg" alt="">
                    <p class="shuoming">
                        <a href="#">
                            有了它，妈妈再也不用担心我喝不到健康的水了。呵呵，良心产品，平民价格，对现在的水质起到了很好的改善
                        </a>
                    </p>
                    <p style="color:#ddd; font-size:12px;margin-bottom:10px">来自于 爱疯911 的评价</p>
                    <div class="main6-div">
                        <p><a href="#">小米净水器</a><span style="color:#ddd; padding: 0 10px">|</span><span style="color:#ff7600">888元</span></p>
                    </div>
                </li>
            </ul>
        </div>

    </main>
    <main class="main7">
        <div class="container">
            <h2>内容</h2>
            <ul>
                <li>
                    <p style="font-size:14px;color:#ffac13;margin-top:50px">图书</p>
                    <ul class="main7-img-list main7-img-list1">
                        <li class="main7-current">
                            <a href="#">
                                <h4 style="font-size:20px;margin:10px;color:black;">哈利·波特与被诅咒的孩子</h4>
                                <p style="width:200px;margin:0 auto;font-size:13px;color:#b0b0b0;">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                <p style="font-size:14px">29.37元</p>
                                <img src="img/main7-1.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <h4 style="font-size:20px;margin:10px;color:black;">哈利·波特与被诅咒的孩子</h4>
                                <p style="width:200px;margin:0 auto;font-size:13px;color:#b0b0b0;">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                <p style="font-size:14px">29.37元</p>
                                <img src="img/xmad_15023308354557_ZPYRq.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <h4 style="font-size:20px;margin:10px;color:black;">哈利·波特与被诅咒的孩子</h4>
                                <p style="width:200px;margin:0 auto;font-size:13px;color:#b0b0b0;">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                <p style="font-size:14px">29.37元</p>
                                <img src="img/main7-3.jpg" alt="">
                            </a>
                        </li>
                    </ul>
                    <div class="main7-ul">
                        <ul class="main-indicator main-indicator1">
                            <li>
                                <span class="main7-active"></span>
                            </li>
                            <li>
                                <span></span>
                            </li>
                            <li>
                                <span></span>
                            </li>
                        </ul>
                    </div>
                    <div class="main7-img-click">
                        <span class="main7-prev main7-prev1">&lt;</span>
                        <span class="main7-next main7-next1">&gt;</span>
                    </div>
                </li>
                <li>
                    <p style="font-size:14px;color:#ffac13;margin-top:50px">图书</p>
                    <ul class="main7-img-list main7-img-list2">
                        <li class="main7-current">
                            <a href="#">
                                <h4 style="font-size:20px;margin:10px;color:black;">哈利·波特与被诅咒的孩子</h4>
                                <p style="width:200px;margin:0 auto;font-size:13px;color:#b0b0b0;">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                <p style="font-size:14px">29.37元</p>
                                <img src="img/main7-1.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <h4 style="font-size:20px;margin:10px;color:black;">哈利·波特与被诅咒的孩子</h4>
                                <p style="width:200px;margin:0 auto;font-size:13px;color:#b0b0b0;">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                <p style="font-size:14px">29.37元</p>
                                <img src="img/main7-2.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <h4 style="font-size:20px;margin:10px;color:black;">哈利·波特与被诅咒的孩子</h4>
                                <p style="width:200px;margin:0 auto;font-size:13px;color:#b0b0b0;">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                <p style="font-size:14px">29.37元</p>
                                <img src="img/main7-3.jpg" alt="">
                            </a>
                        </li>
                    </ul>
                    <div class="main7-ul">
                        <ul class="main-indicator main-indicator2">
                            <li>
                                <span class="main7-active"></span>
                            </li>
                            <li>
                                <span></span>
                            </li>
                            <li>
                                <span></span>
                            </li>
                        </ul>
                    </div>
                    <div class="main7-img-click">
                        <span class="main7-prev main7-prev2">&lt;</span>
                        <span class="main7-next main7-next2">&gt;</span>
                    </div>
                </li>
                <li>
                    <p style="font-size:14px;color:#ffac13;margin-top:50px">图书</p>
                    <ul class="main7-img-list main7-img-list3">
                        <li class="main7-current">
                            <a href="#">
                                <h4 style="font-size:20px;margin:10px;color:black;">哈利·波特与被诅咒的孩子</h4>
                                <p style="width:200px;margin:0 auto;font-size:13px;color:#b0b0b0;">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                <p style="font-size:14px">29.37元</p>
                                <img src="img/main7-1.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <h4 style="font-size:20px;margin:10px;color:black;">哈利·波特与被诅咒的孩子</h4>
                                <p style="width:200px;margin:0 auto;font-size:13px;color:#b0b0b0;">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                <p style="font-size:14px">29.37元</p>
                                <img src="img/main7-2.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <h4 style="font-size:20px;margin:10px;color:black;">哈利·波特与被诅咒的孩子</h4>
                                <p style="width:200px;margin:0 auto;font-size:13px;color:#b0b0b0;">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                <p style="font-size:14px">29.37元</p>
                                <img src="img/main7-3.jpg" alt="">
                            </a>
                        </li>
                    </ul>
                    <div class="main7-ul">
                        <ul class="main-indicator main-indicator3">
                            <li>
                                <span class="main7-active"></span>
                            </li>
                            <li>
                                <span></span>
                            </li>
                            <li>
                                <span></span>
                            </li>
                        </ul>
                    </div>
                    <div class="main7-img-click">
                        <span class="main7-prev main7-prev3">&lt;</span>
                        <span class="main7-next main7-next3">&gt;</span>
                    </div>
                </li>
                <li>
                    <p style="font-size:14px;color:#ffac13;margin-top:50px">图书</p>
                    <ul class="main7-img-list main7-img-list4">
                        <li class="main7-current">
                            <a href="#">
                                <h4 style="font-size:20px;margin:10px;color:black;">哈利·波特与被诅咒的孩子</h4>
                                <p style="width:200px;margin:0 auto;font-size:13px;color:#b0b0b0;">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                <p style="font-size:14px">29.37元</p>
                                <img src="img/main7-1.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <h4 style="font-size:20px;margin:10px;color:black;">哈利·波特与被诅咒的孩子</h4>
                                <p style="width:200px;margin:0 auto;font-size:13px;color:#b0b0b0;">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                <p style="font-size:14px">29.37元</p>
                                <img src="img/main7-2.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <h4 style="font-size:20px;margin:10px;color:black;">哈利·波特与被诅咒的孩子</h4>
                                <p style="width:200px;margin:0 auto;font-size:13px;color:#b0b0b0;">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                <p style="font-size:14px">29.37元</p>
                                <img src="img/main7-3.jpg" alt="">
                            </a>
                        </li>
                    </ul>
                    <div class="main7-ul">
                        <ul class="main-indicator main-indicator4">
                            <li>
                                <span class="main7-active"></span>
                            </li>
                            <li>
                                <span></span>
                            </li>
                            <li>
                                <span></span>
                            </li>
                        </ul>
                    </div>
                    <div class="main7-img-click">
                        <span class="main7-prev main7-prev4">&lt;</span>
                        <span class="main7-next main7-next4">&gt;</span>
                    </div>
                </li>

            </ul>
        </div>
    </main>
    <main class="main8">
        <div class="container">
            <h2>内容</h2>
            <div class="main8-span">
                查看全部&nbsp;&nbsp;<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
            </div>
            <ul>
                <li>
                    <a href="#">
                        <img src="img/main8-1.jpg" alt="">
                        <div class="main8-i"><i style="color:white;font-size:14px;" class="fa fa-play" aria-hidden="true"></i></div>
                    </a>
                    <p><a href="#">听雷总讲述小米7年工艺探索之路</a></p>
                    <p class="jiangshu">小米6，7年工艺探索的巅峰之作</p>
                    <div class="main8-i"><i style="color:white;font-size:14px;" class="fa fa-play" aria-hidden="true"></i></div>
                </li>
                <li>
                    <a href="#"><img src="img/main8-2.jpg" alt=""></a>
                    <p><a href="#">听雷总讲述小米7年工艺探索之路</a></p>
                    <p class="jiangshu">小米6，7年工艺探索的巅峰之作</p>
                    <div class="main8-i"><i style="color:white;font-size:14px;" class="fa fa-play" aria-hidden="true"></i></div>
                </li>
                <li>
                    <a href="#"><img src="img/main8-3.jpg" alt=""></a>
                    <p><a href="#">听雷总讲述小米7年工艺探索之路</a></p>
                    <p class="jiangshu">小米6，7年工艺探索的巅峰之作</p>
                    <div class="main8-i"><i style="color:white;font-size:14px;" class="fa fa-play" aria-hidden="true"></i></div>
                </li>
                <li>
                    <a href="#"><img src="img/main8-4.jpg" alt=""></a>
                    <p><a href="#">听雷总讲述小米7年工艺探索之路</a></p>
                    <p class="jiangshu">小米6，7年工艺探索的巅峰之作</p>
                    <div class="main8-i"><i style="color:white;font-size:14px;" class="fa fa-play" aria-hidden="true"></i></div>
                </li>
            </ul>
        </div>
    </main>
    <footer class="footer1">
        <div class="container">
            <div class="footer1-top">
                <ul>
                    <li>
                        <a href="#">
                            <i></i>
                            预约维修服务
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i></i>
                            7天无理由退货
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i></i>
                            15天免费换货
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i></i>
                            满150元包邮
                        </a>
                    </li>
                    <li class="main8-lastli">
                        <a href="#">
                            <i></i>
                            520余家售后网点
                        </a>
                    </li>
                </ul>
            </div>
            <div class="footer1-left">
                <ul>
                    <h4 style="margin:10px 0;">帮助中心</h4>
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">订单操作</a></li>
                </ul>
                <ul>
                    <h4 style="margin:10px 0;">帮助中心</h4>
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">订单操作</a></li>
                </ul>
                <ul>
                    <h4 style="margin:10px 0;">帮助中心</h4>
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">订单操作</a></li>
                </ul>
                <ul>
                    <h4 style="margin:10px 0;">帮助中心</h4>
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">订单操作</a></li>
                </ul>
                <ul>
                    <h4 style="margin:10px 0;">帮助中心</h4>
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">订单操作</a></li>
                </ul>
                <ul>
                    <h4 style="margin:10px 0;">帮助中心</h4>
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">订单操作</a></li>
                </ul>
                <div class="phone">
                    <p>400-100-5678</p>
                    <p>周一至周日 8:00-18:00<br>（仅收市话费）</p>
                    <a href="#"> 24小时在线客服</a>
                </div>
            </div>
        </div>

    </footer>
    <footer class="footer2">
        <div class="container">
            <div class="footer2-left">
                <img src="img/xiaomi.png" alt="">
            </div>
            <div class="footer2-right">
                <p>
                    <a href="#">小米商城</a><span>|</span>
                    <a href="#">MIUI</a><span>|</span>
                    <a href="#">米聊</a><span>|</span>
                    <a href="#">多看书城</a><span>|</span>
                    <a href="#">小米路由器</a><span>|</span>
                    <a href="#">视频电话</a><span>|</span>
                    <a href="#">小米天猫店</a><span>|</span>
                    <a href="#">小米淘宝直营店</a><span>|</span>
                    <a href="#">小米网盟</a><span>|</span>
                    <a href="#">小米移动</a><span>|</span>
                    <a href="#">隐私政策</a><span>|</span>
                    <a href="#">Select Region</a>
                </p>
                <p>
                    ©<a href="#">mi.com</a> 京ICP证110507号
                    <a href="#">京ICP备10046444号</a>
                    <a href="#">京公网安备11010802020134号</a>
                    <a href="#">京网文[2014]0059-0009号</a><br> 违法和不良信息举报电话：185-0130-1238， 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
            </div>
            <div class="footer2-bottom">
                <img src="img/footer2-4.png" alt="">
                <img src="img/footer2-3.png" alt="">
                <img src="img/footer2-2.png" alt="">
                <img src="img/footer2-1.png" alt="">
                <div class="clear"></div>
            </div>
        </div>
        <div class="footer2-last"></div>

    </footer>

    <script src="jquery.js"></script>
</body>

</html>
<script>
    $('.nav-right').hover(function () {
        $(this).css('background-color', 'white')
            .find('a').css('color', '#ff9700')
        $(this).find('.nav-right-div').stop().animate({
            top: 40
        }, 100);
        $(this).find('i').css('background-image', 'url(img/nav-i2.png)')

    }, function () {
        $(this).css('background-color', '#333')
            .find('a').css('color', '#b0b0b0')
        // .find('.nav-right-div').css('display', 'block')
        $(this).find('.nav-right-div').stop().animate({
            top: -60
        }, 100);
        $(this).find('i').css('background-image', 'url(img/nav-i1.png)')
    })
    $('main input').focusin(function () {
        $('main input').css({ 'border-color': 'red' });
        $('main form a').css('display', 'none')
    })
    $('main input').focusout(function () {
        $('main input').css({ 'border-color': '#ccc' });
        $('main form a').css('display', 'block')
    })
    /***************************************************/
    $('.item-child').hide();
    $('.main-div-2>ul>li').mouseenter(function () {

        if ($(this).index() < 1 || $(this).index() > 7) {
            $('.item-child').stop().slideUp(500);
        } else {
            $('.item-child').stop().slideDown(500);    
        }
        $('.item-child').find('ul').eq(($(this).index() - 1)).show()
                .siblings().hide();
    })
    $('.main-div-2>ul>li').mouseleave(function () {
            $('.item-child').stop().slideUp(500);
    })
    $('.item-child').hover(function(){
        $(this).stop().slideDown(500);
    },function(){
		$(this).stop().slideUp(500);
	})

    /*******************************************************************/
    var index = 0;
    var timer = setInterval(nextImg, 1000);
    function nextImg() {
        index++;
        if (index == 6) {
            index = 0;
        }
        showImg();
    }
    function showImg() {
        $('.img-list li').eq(index).stop().fadeIn(300).siblings().stop().fadeOut(300);
        $('.indicator li').eq(index).addClass('active').siblings().removeClass('active');
    }
    $('.main2-lbt').mouseenter(function () {
        clearInterval(timer);
    }).mouseleave(function () {
        timer = setInterval(nextImg, 1000);
    });
    $('.indicator li').click(function () {
        index = $(this).index();
        showImg();
    });
    $('.next').click(function () {
        nextImg();
    });
    $('.prev').click(function () {
        index--;
        if (index == -1) {
            index = 5;
        }
        showImg();
    });
    $('.hxlb-div').hide();
    $('.hxlb>ul>li').hover(function () {
        $(this).css('background-color', '#ff6700')
            .find('.hxlb-div').show();
    }, function () {
        $(this).css('background-color', '#0a2947')
            .find('.hxlb-div').hide();
    })

    $('.main3-div-left li').hover(function () {
        $(this).find('i').css('color', '#eee');
        $(this).find('p').css('color', '#eee');
    }, function () {
        $(this).find('i').css('color', '#aaa');
        $(this).find('p').css('color', '#aaa');
    })
    $('.main3-div img').hover(function () {
        $(this).css('box-shadow', '0 5px 5px rgba(0,0,0,0.2)');
    }, function () {
        $(this).css('box-shadow', 'none');
    })
    /*******************main4**************/
    var num = $('.main4-box-div').position().left
    var timer2 = setInterval(function () {

        if (num == -1225) {
            $('.main4-box-div').animate({ 'left': 0 }, 500);
            $('.main4-span2').addClass('main4-span-color')
                .siblings().removeClass('main4-span-color');
            num = 0;
        } else {
            $('.main4-box-div').animate({ 'left': -1225 }, 500);
            $('.main4-span1').addClass('main4-span-color')
                .siblings().removeClass('main4-span-color');
            num = -1225;
        }
    }, 4000)
    $('.main4-span').hover(function(){
        clearInterval(timer2);
    }, function () {
        timer2 = setInterval(function () {
            if (num == -1225) {
                $('.main4-box-div').animate({ 'left': 0 }, 500);
                $('.main4-span2').addClass('main4-span-color')
                    .siblings().removeClass('main4-span-color');
                num = 0;
            } else {
                $('.main4-box-div').animate({ 'left': -1225 }, 500);
                $('.main4-span1').addClass('main4-span-color')
                    .siblings().removeClass('main4-span-color');
                num = -1225;
            }
        }, 4000)
    })
    $('.main4-span1').click(function () {
        if ($('.main4-box-div').position().left == -1225) {
            $('.main4-box-div').animate({ 'left': '0' }, 1000);
            $('.main4-span2').addClass('main4-span-color')
                .siblings().removeClass('main4-span-color');
        }
    })
    $('.main4-span2').click(function () {
        if ($('.main4-box-div').position().left == 0) {
            $('.main4-box-div').animate({ 'left': '-1225px' }, 1000);
            $('.main4-span1').addClass('main4-span-color')
                .siblings().removeClass('main4-span-color');
        }
    })




    $('.jiadian .jiadian-right li').hover(function () {
        $(this).find('.pingjia').css('top', '220px');
    }, function () {
        $(this).find('.pingjia').css('top', '300px');
    })



    $('.jiadian1>ul>li').hover(function () {
        $(this).addClass('home')
            .siblings().removeClass('home');
        $('.jiadian2>ul').eq($(this).index()).addClass('home-list')
            .siblings().removeClass('home-list');
    });
    $('.zhineng1>ul>li').hover(function () {
        $(this).addClass('home')
            .siblings().removeClass('home');
        $('.zhineng2>ul').eq($(this).index()).addClass('home-list')
            .siblings().removeClass('home-list');
    });
    $('.dapei1>ul>li').hover(function () {
        $(this).addClass('home')
            .siblings().removeClass('home');
        $('.dapei2>ul').eq($(this).index()).addClass('home-list')
            .siblings().removeClass('home-list');
    });
    $('.peijian1>ul>li').hover(function () {
        $(this).addClass('home')
            .siblings().removeClass('home');
        $('.peijian2>ul').eq($(this).index()).addClass('home-list')
            .siblings().removeClass('home-list');
    });
    $('.zhoubian1>ul>li').hover(function () {
        $(this).addClass('home')
            .siblings().removeClass('home');
        $('.zhoubian2>ul').eq($(this).index()).addClass('home-list')
            .siblings().removeClass('home-list');
    });
    /*************************main5*******************************/
    $('.main5-span1').click(function () {
        if ($('.main5-box-div').position().left == -1225) {
            $('.main5-box-div').animate({ 'left': '0' }, 1000);
            $('.main5-span2').addClass('main5-span-color')
                .siblings().removeClass('main5-span-color');
        }
    })
    $('.main5-span2').click(function () {
        if ($('.main5-box-div').position().left == 0) {
            $('.main5-box-div').animate({ 'left': '-1225px' }, 1000);
            $('.main5-span1').addClass('main5-span-color')
                .siblings().removeClass('main5-span-color');
        }
    });
    /*****************************main7******************************/
      
    $('.main-indicator>li').click(function () {
        var sum = $(this).index() * -300
        $(this).parents('.main7-ul').siblings('.main7-img-list').animate({ 'left': sum }, 500);
        $(this).find('span').addClass('main7-active');
        $(this).siblings().find('span').removeClass('main7-active');
    })
    $('.main7-prev').click(function () {
        if ($(this).parent().siblings('.main7-img-list').position().left == -600) {
            $(this).parent().siblings('.main7-img-list').animate({ 'left': -300 }, 500);
            $(this).parent().siblings('.main7-ul').find('li').eq(1).find('span').addClass('main7-active');
            $(this).parent().siblings('.main7-ul').find('li').eq(1).siblings().find('span').removeClass('main7-active');
        }
        if ($(this).parent().siblings('.main7-img-list').position().left == -300) {
            $(this).parent().siblings('.main7-img-list').animate({ 'left': 0 }, 500);
            $(this).parent().siblings('.main7-ul').find('li').eq(0).find('span').addClass('main7-active');
            $(this).parent().siblings('.main7-ul').find('li').eq(0).siblings().find('span').removeClass('main7-active');
        }
        if ($(this).parent().siblings('.main7-img-list').position().left == 0) {
            return;
        }
    })
    $('.main7-next').click(function () {
        if ($(this).parent().siblings('.main7-img-list').position().left == 0) {
            $(this).parent().siblings('.main7-img-list').animate({ 'left': -300 }, 500);
            $(this).parent().siblings('.main7-ul').find('li').eq(1).find('span').addClass('main7-active');
            $(this).parent().siblings('.main7-ul').find('li').eq(1).siblings().find('span').removeClass('main7-active');
        }
        if ($(this).parent().siblings('.main7-img-list').position().left == -300) {
            $(this).parent().siblings('.main7-img-list').animate({ 'left': -600 }, 500);
            $(this).parent().siblings('.main7-ul').find('li').eq(2).find('span').addClass('main7-active');
            $(this).parent().siblings('.main7-ul').find('li').eq(2).siblings().find('span').removeClass('main7-active');
        }
        if ($(this).parent().siblings('.main7-img-list').position().left == -600) {
            return;
        }
    })
/*******************************main8*********************************/


   
    $('.main8 ul li>a').hover(function () {
        $(this).parent('li').find('.main8-i')
            .css({ 'border': '2px solid #ff6700', 'background-color': '#ff6700' })
    }, function () {
        $(this).parent('li').find('.main8-i')
            .css({ 'border': '2px solid white', 'background-color': 'rgba(0,0,0,0.6)' })
    })

</script>